@import "../../../../../assets/css/Master/index";

.Speed {
  //animation: myfirst .25s;
  //-webkit-animation: myfirst .25s;
  position: fixed;
  bottom: -10rem;
  width: 100%;
  animation: transy .25s cubic-bezier(0,0,0.25,1) .25s forwards;
  -webkit-animation: transy .25s cubic-bezier(0,0,0.25,1) .25s forwards;
  z-index: 100;
  .content {
    font-size: @fontSize15;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2rem 1rem;
    box-sizing: border-box;
    z-index: 100;
    .fasr-div, .last-div {
      width: 20%;
    }
    .nth-div {
      width: 60%;
      .Sizi-bg {
        width: 100%;
        height: 4rem;
        position: relative;
        top: .7rem;
        //margin: 0 .5rem;
        .ruler {
          width: 100%;
          height: 1rem;
          position: relative;
          top: 0.2rem;
          left: 0;
          border-bottom: .1rem solid #ccc;
          display: flex;
          justify-content: center;
        }
        .spans {
          background-color: @Master9;
          position: absolute;
          top: .5rem;
          left: 14.3%;
          z-index: 4000;
          width: 1.5rem;
          height: 1.5rem;
          margin-left: -.75rem;
          box-sizing: border-box;
          border: .5rem solid #fff;
          border-radius: 100%;
          box-shadow: 0 4px 12px 0 rgba(0, 0, 0, 0.12);
        }
        .rulers {
          width: 100%;
          height: 1rem;
          position: relative;
          top: 0;
          left: 0;
          display: flex;
          justify-content: center;
          .cm {
            width: 25%;
            height: .6rem;
            border-left: 1px solid #ccc;
            margin-top: -0.1rem;
            position: relative;
            i {
              position: absolute;
              left: -1rem;
              display: inline-block;
              width: 3rem;
              height: 1rem;
              background-color: transparent;
            }
          }
          .cm:last-child {
            border-right: 1px solid #ccc;
          }
          .cm:nth-child(3) {
            height: .6rem;
            border-left: 2px solid #000;
          }
        }
      }
    }
  }
}
